.intelight-product {
  width: 100%;
  font-family: Barlow;
  
  
}
.intelight-mainsection {
  width: 100%;
  position: relative;
}
.intelight-mainphotobackground {
  width: 100%;
  border-radius: 0px 0px 24px 24px;
}
.intelight-logo {
  width: 20%;
  z-index: 9;
  position: absolute;
  left: 3%;
}
.intelight-mainphoto {
  width: 40%;
  position: absolute;
  z-index: 9;
  top: 23%;
  left: 53%;
}
.intelight-productname {
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 6.8%;
  font-size: 4vw;
  font-weight: 600;
}
.intelight-producttype {
  color: #ffffff;
  position: absolute;
  top: 73%;
  left: 7%;
  font-size: 1.5vw;
}
.intelight-decor {
  color: #9cd320;
  position: absolute;
  top: 50%;
  left: 3%;
  font-weight: 600;
  font-size: 4vw;
}
.intelight-descriptionsection {
  margin-bottom: 2vw;
  margin-top: 2vw;
}
.intelight-descriptionproductname {
  text-align: center;
  font-weight: 600;
  font-size: 3vw;
}
.intelight-description {
  text-align: center;
  font-weight: 400;
  font-size: 1.5vw;
  color: #444444;
  width: 60%;
  margin: auto;
  padding-bottom: 1vw;
}
.intelight-productfeatures {
  display: flex;
  justify-content: space-between;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 2vw;
}
.intelight-productfeature {
  width: 20%;
  
}
.intelight-featureicon {
  width: 40%;
  margin-bottom: 1vw;
}
.intelight-featuredescription {
  font-size: 1.2vw;
}
.intelight-popover {
  background: #f4f4f4;
  border-radius: 24px;
}
.intelight-popoverarea {
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  text-align: center;
  position: relative;
}
.intelight-popoverphoto {
  width: 50%;
  
}
.intelight-popovertitle {
  text-align: center;
  font-weight: 600;
  font-size: 2vw;
  padding-top: 2vw;
}
.intelight-popovertitle2 {
  text-align: center;
  font-weight: 500;
  font-size: 1.2vw;
  color: #444444;
  padding-bottom: 2vw;
}


.intelight-popover {
  padding-bottom: 3vw;
  
 
}
.intelight-popover-title {
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 50px;
    padding-left: 90px;
    position: relative;
}

.intelight-popover-title:before {
    content: '';
    width: 60px;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 50%;
}

.intelight-popover-area {
    position: relative;
}

.intelight-marker {
    width: 48px;
    height: 48px;
    background: linear-gradient(130deg, rgba(156,211,32,1) 0%, rgba(156,211,32,1) 50%, rgba(76,108,154,1) 100%);
    border-radius: 64px;
    border: 3px solid #fff;
    position: absolute;
    transform: translate(-50%,-50%);
    cursor: pointer;
    animation: intelight-pulse 1s infinite;
    z-index: 0;
}

.intelight-marker-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.intelight-marker-inner::before,
.intelight-marker-inner::after {
    content: '';
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.intelight-marker-inner::before {
    width: 24px;
    height: 4px;
}

.intelight-marker-inner::after {
    width: 4px;
    height: 24px;
}

.intelight-marker-text {
    position: absolute;
    background-color: #ffffff;
    padding: 20px;
    width: 300px;
    opacity: 0;
    transition: all ease-in-out .2s;
    left:-150px;
  
}

.intelight-marker-inner:hover .intelight-marker-text {
    opacity: 1;
    z-index: 9;
 
}

.intelight-marker-title {
    font-size: 20px;
    font-weight: 800;
    color: #000000;
  z-index: 9;
}

.intelight-marker-description {
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
    z-index: 9;
}


.intelight-productmounting {
  margin-top: 5vw;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  background: #f4f4f4 ;
  border-radius: 24px;
  
}
.intelight-productmountingheader {
  text-align: center;
  color: #000000;
  font-weight: 600;
  font-size: 2vw;
  padding-top: 2vw;
}
.intelight-productmountingdescription {
  text-align: center;
  font-weight: 400;
  font-size: 1.2vw;
  color: #444444;
  margin-top: 0.5vw;
  width: 70%;
  margin:auto;
  margin-bottom: 2vw;
}
.intelight-productmountingphotosrow {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 1.5vw;
}
.intelight-productmountingphotobox {
  width: 25%;
}
.intelight-productmountingphoto {
  width: 100%;
}
.intelight-productvideosection {
  margin-top: 3vw;
  padding-bottom: 5vw;
}
.intelight-productvideoheader {
  text-align: center;
  font-size: 2vw;
  color: #000000;
  font-weight: 600;
}
.intelight-productvideodescription {
    text-align: center;
  font-weight: 400;
  font-size: 1.2vw;
  color: #444444;
}
.intelight-yt {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  aspect-ratio: 16 / 9 ;
  margin-top: 3vw;
  border-radius: 24px;
}

.intelight-productaccessories {
  background: #ffffff;
  border-radius: 24px;
  width: 96%;
  margin: auto;
  padding-bottom: 2vw;
}
.intelight-productaccessoriesheader {
    text-align: center;
  color: #000000;
  font-weight: 600;
  font-size: 2vw;
  padding-top: 2vw;

}
.intelight-productaccessoriesdescription {
text-align: center;
color: #444444;
font-weight: 400;
font-size: 1.2vw;
margin-bottom: 1.5vw;

}
.intelight-productaccessoriesrow {
  width: 100%;
  display: flex;
  justify-content: center;
}
.intelight-productaccessorybox {
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.intelight-productaccessorybox2 {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.intelight-productaccessorybox3 {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
  


.intelight-productaccessoryphoto {
  width: 100%;
}
.intelight-productaccessoryphoto2 {
  width: 80%;

}
.intelight-productaccessoryname {
  text-align: center;
  font-size: 1.2vw;
  padding-top: 1vw;
}
.intelight-directocolorsbox {
  width: 100%;
  padding-top: 5vw;
}
.intelight-directocolorsphoto {
  width:100%;
}
.intelight-otherproductssection {
  margin-top: 7vw;
  margin-bottom: 2vw;
  background: #f4f4f4;
}
.intelight-otherproductsheader {
  text-align: center;
color: #000000;
font-weight: 600;
font-size: 2vw;
padding-top: 2vw;
width: 80%;
margin: auto;

}
.intelight-otherproductsdescription {
text-align: center;
color: #444444;
font-weight: 400;
font-size: 1.2vw;
margin-bottom: 1.5vw;

}
.intelight-otherproductsrow {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.intelight-otherproductsbox {
  width: 25%;
}
.intelight-otherproductsphoto {
  width: 100%;
}
.intelight-productapplications {
  margin-top: 5vw;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  background: #f4f4f4 ;
  border-radius: 24px;
  margin-bottom: 5vw;
  
}
.intelight-productapplicationsheader {
  text-align: center;
  color: #000000;
  font-weight: 500;
  font-size: 2vw;
  padding-top: 2vw;
}

.intelight-productapplicationsrow {
  width: 100%;
  display:flex;
  justify-content: center;
}
.intelight-productapplicationbox {
  width: 25%;
}
.intelight-productapplicationphoto {
  width: 100%;
}
.intelight-parameterssection {
  width: 94%;
  margin: auto;
}
.intelight-parameterssectionheader {
  font-weight: 600;
  font-size: 1.5vw;
  color: #444444;
  margin-bottom: 2vw;
}
.intelight-parameterssectionrow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2vw;

}

.intelight-parameter {
  width: 30%;
  border-left: 2px solid #afadad;
  padding-left: 1vw;
  color: #444444;
  padding-top: 1vw;
  padding-bottom: 1vw;
}
.intelight-parameterblank {
  width: 30%;
  padding-left: 1vw;
  color: #444444;
  padding-top: 1vw;
  padding-bottom: 1vw;
}
.intelight-parametername {
  font-size: 1.1vw
}
.intelight-parametervalue {
  font-size: 1.3vw
}
.intelight-dimensionssection {
  margin-top: 5vw;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  background: #f4f4f4;
  border-radius: 24px;
  margin-bottom: 3vw;
  
}
.intelight-dimensionsbox {
  width: 100%;
}
.intelight-dimensionsphoto {
  width: 100%;
}
.intelight-productfooter {
  width:100%;
  background: #000000;
  border-radius: 24px;
  padding-top: 2vw;
  padding-bottom: 2vw;
}
.intelight-productfooterrow {
  width: 100%;
  display: flex;
  justify-content: center;
}
.intelight-productfooterlogobox {
  width: 45%;
  padding-right: 2vw;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.intelight-productfooterlogo {
  width: 50%;

}
.intelight-productfootertext {
  width: 55%;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid #ffffff;
  padding-left: 3vw;
}
.intelight-productfooterheader {
  font-weight: 600;
  font-size: 1.5vw;
  line-height: 1.5vw;
  padding-bottom: 0.5vw;
}
.intelight-productfooterdescription {
  font-size: 1vw;
}
  .test-box {
    width: 60vw;
    margin: auto;
  }

@keyframes intelight-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), 0 1px 1px 0 rgba(0, 0, 0, 0.16);
    }
    100% {
        box-shadow: 0 0 0 32px rgba(255, 255, 255, 0), 0 1px 1px 32px rgba(0, 0, 0, 0);
    }
}
 @media screen and (max-width: 786px) {
   .intelight-productname {
font-size: 5vw;
line-height: 1.2em;
}
.intelight-producttype {
font-size: 2.2vw;
top: 74%;
}
.intelight-decor {
font-size: 7vw;
top: 45%;
}
.intelight-descriptionproductname {
font-size: 4.5vw;
}
.intelight-description {
font-size: 2vw
}
.intelight-featuredescription {
font-size: 2vw;
}
.intelight-popovertitle {
  font-size: 3vw;
}
.intelight-popovertitle2 {
  font-size: 2vw;
}
.intelight-productparameters {
  font-size: 2vw;
}
.intelight-productmountingheader {
  font-size: 3vw;
}
.intelight-productmountingdescription {
  font-size: 2vw;
}
.intelight-productvideoheader {
  font-size: 3vw;
}
.intelight-productvideodescription {
  font-size: 2vw;
}
.intelight-productdimensionsheader {
  font-size: 3vw;
}
.intelight-productcolorsheader {
   font-size: 3vw;
}
.intelight-productcolorsdescription {
  font-size: 2vw;
}
.intelight-productaccessoriesheader {
  font-size: 3vw;
}
.intelight-productaccessoriesdescription {
  font-size: 2vw;
}
.intelight-otherproductsheader {
  font-size: 3vw;
}
.intelight-otherproductsdescription {
  font-size: 2vw;
}
.intelight-productapplicationsheader {
  font-size: 3vw;
}
.intelight-productfooterheader {
  font-size: 2vw;
}
.intelight-productfooterdescription {
  font-size: 1.5vw;
}
   .intelight-otherproductsbox {
     width: 50%;
   } 
   .intelight-otherproductsrow {
     flex-wrap: wrap;
   }
   .intelight-parametername {
     font-size: 1.8vw;
   }
   .intelight-parametervalue {
     font-size: 2vw;
   }
   .intelight-parameterssectionheader {
     font-size: 3vw;
   }
   .intelight-marker-inner:focus .intelight-marker-text {
    opacity: 1;
    z-index: 9;

}
 .intelight-marker-inner:active .intelight-marker-text {
    opacity: 1;
    z-index: 9;

}
   .intelight-marker {
    width: 24px;
    height: 24px;
   }
   .intelight-marker-inner::before {
    width: 12px;
    height: 2px;
   }
   .intelight-marker-inner::after {
    width: 2px;
    height: 12px;
   }
   .intelight-marker-text {
    width: 150px;
    left: -50px;

   }
   .intelight-marker-title {
    font-size: 2vw;
   }
   .intelight-marker-description {
    font-size: 2vw;
   }
 }  
 @media screen and (min-width: 1200px) {
   .intelight-productname {
font-size: 4em;
line-height: 1.2em;
}
.intelight-producttype {
font-size: 2em;
}
.intelight-decor {
font-size: 5em;
top: 47%;
}
.intelight-descriptionproductname {
font-size: 2em;
}
.intelight-description {
font-size: 2em
}
.intelight-featuredescription {
font-size: 1.5em;
}
.intelight-popovertitle {
  font-size: 3em;
}
.intelight-popovertitle2 {
  font-size: 1.5em;
}
.intelight-productmountingheader {
  font-size: 3em;
}
.intelight-productmountingdescription {
  font-size: 1.5em;
}
.intelight-productvideoheader {
  font-size: 3em;
}
.intelight-productvideodescription {
  font-size: 1.5em;
}
.intelight-productcolorsdescription {
  font-size: 2vw;
}
.intelight-productaccessoriesheader {
  font-size: 3em;
}
.intelight-productaccessoriesdescription {
  font-size: 1.5em;
}
.intelight-otherproductsheader {
  font-size: 3em;
}
.intelight-otherproductsdescription {
  font-size: 1.5em;
}
.intelight-productfooterheader {
  font-size: 2em;
}
.intelight-productfooterdescription {
  font-size: 1.5em;
}

.intelight-parametername {
  font-size: 1.2em;
}
.intelight-parametervalue {
  font-size: 1.5em;
}
.intelight-parameterssectionheader {
  font-size: 3em;
}
.intelight-productfooter {
  padding-top: 1vw;
  padding-bottom: 1vw;
}
 }